<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
	  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>我的订单</title>
	<link rel="stylesheet" type="text/css" th:href="@{/css/css_x/percenter/common.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/css/css_x/percenter/percenter.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/css/css_x/centro/pintuer.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/css/css_x/centro/admin.css}"/>
<script type="text/javascript" th:src="@{/js/js_x/fondo/jquery.js}"></script>
<script type="text/javascript" th:src="@{/js/js_x/reservation/pintuer.js}"></script>
	<link rel="shortcut icon" type="text/css" th:href="@{../images/favicon.ico}"/>
	<script type="text/javascript" th:src="@{/js/js_x/abanderar/index.js}"></script>
	<link rel="stylesheet" type="text/css" th:href="@{/assets/css/layui.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/assets/css/view.css}"/>
</head>
<body>
<!--头部-->
<div style="height: 100px; width: 100%;border-bottom: solid 1px black;">
	<div style="margin-left: 12%; margin-top: 2%;"><img th:src="@{/images/img_x/download.png}" />
		<h4 style="font-size: 16px; margin-left: 80%; color: black; "><a th:href="@{/f/t/showmain}">返回首页 </a>&nbsp;| &nbsp;<a th:href="@{/f/u/withdraw}">退出账户</a></h4>
	</div>
</div>
<!--内容-->
  <div class="container" id="app" >
				<div class="content">
					<div class="main">
						<div class="info-content clearfix">
							<div class="user-profile-nav">
								<h1>个人中心</h1>
								<a href="#" class="profile active ">我的订单</a>
								<a th:href="@{/f/u/percenter}" class="orders">基本信息</a>
							</div>
<div class="profile-container">
        <div class="profile-title">
          历史订单
        </div>
       

 <form method="post" action="">
      <div class="panel admin-panel">
      <div class="panel-head"><h5>历史订单</h5></div>
    
    <table class="table table-hover text-center">
		<tr>
			<th>订单号</th>
			<th>下单時間</th>
			<th>总价格</th>
			<th>材料</th>
			<th>厚度</th>
			<th>长度</th>
			<th>宽度</th>
			<th>订单详情</th>
		</tr>
		<tr th:each="pcboffer:${list}">
			<td th:text="${pcboffer.id}"></td>
			<td th:text="${#calendars.format(pcboffer.createTime,'yyyy-MM-dd HH:mm:ss') }"></td>
			<td th:text="${pcboffer.price2}"></td>
			<td th:text="${pcboffer.material}"></td>
			<td th:text="${pcboffer.thickness}"></td>
			<td th:text="${pcboffer.length}"></td>
			<td th:text="${pcboffer.width}"></td>
			<td><div class="button-group">
				<a class="button border-red" href="Listrovalue.html" th:href="@{/f/u/redetail(id=${pcboffer.id})}">详情</a>
			</div></td>
		</tr>
	</table>
	  </div></form>
 <div id="pagination" style="text-align: center"></div>
</div><script type="text/javascript" th:src="@{/assets/layui.all.js}"></script>
							<script th:inline="javascript">
								/*<![CDATA[*/
								var count = [[${count}]];//总记录数
								var curr = [[${curr}]];//当前页
								var contextPath = [[${#request.getContextPath()}]]; //获取当前应用路径
								/*]]>*/
							</script>
							<script type="text/javascript">
								layui.use('laypage', function(){
									var laypage = layui.laypage;

									//执行一个laypage实例
									laypage.render({
										elem: 'pagination' //注意，这里的 data 是 ID，不用加 # 号
										,count: count //数据总数，从服务端得到
										,curr: curr
										,limit: 4
										,jump: function(obj, first){
											//obj包含了当前分页的所有参数，比如：
											// console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
											// console.log(obj.limit); //得到每页显示的条数

											//首次不执行
											if(!first){
												window.location.href = contextPath + "/f/u/odform?page=" + (obj.curr) + "&size=" + obj.limit
											}
										}
									});
								});
							</script>
					</div>
				</div>
  </div>
  </div>
</body></html>